$('#b1').click(function(){ $('#1a').html($('#t1').val()); $('#1b').html($('#t2').val()); $('#1c').html($('#t3').val()); $('#1d').html($('#t4').val()); $('#1e').html($('#t5').val()); $('#2a').html($('#t6').val()); $('#2b').html($('#t7').val()); $('#2c').html($('#t8').val()); $('#2d').html($('#t9').val()); $('#2e').html($('#t10').val()); $('#3a').html($('#t11').val()); $('#3b').html($('#t12').val()); $('#3c').html($('#t13').val()); $('#3d').html($('#t14').val()); $('#3e').html($('#t15').val()); $('#4a').html($('#t16').val()); $('#4b').html($('#t17').val()); $('#4c').html($('#t18').val()); $('#4d').html($('#t19').val()); $('#4e').html($('#t20').val()); $('#5a').html($('#t21').val()); $('#5b').html($('#t22').val()); $('#5c').html($('#t23').val()); $('#5d').html($('#t24').val()); $('#5e').html($('#t25').val()); } ); $('#b2').click(function(){ $('#dd').css({'width':'2500','height':'2500'}); $('#1').css({'width':'500','height':'500'}); $('#2').css({'width':'500','height':'500'}); $('#3').css({'width':'500','height':'500'}); $('#4').css({'width':'500','height':'500'}); $('#5').css({'width':'500','height':'500'}); $('#6').css({'width':'500','height':'500'}); $('#7').css({'width':'500','height':'500'}); $('#8').css({'width':'500','height':'500'}); $('#9').css({'width':'500','height':'500'}); $('#10').css({'width':'500','height':'500'}); $('#11').css({'width':'500','height':'500'}); $('#12').css({'width':'500','height':'500'}); $('#13').css({'width':'500','height':'500'}); $('#14').css({'width':'500','height':'500'}); $('#15').css({'width':'500','height':'500'}); $('#16').css({'width':'500','height':'500'}); $('#17').css({'width':'500','height':'500'}); $('#18').css({'width':'500','height':'500'}); $('#19').css({'width':'500','height':'500'}); $('#20').css({'width':'500','height':'500'}); $('#21').css({'width':'500','height':'500'}); $('#22').css({'width':'500','height':'500'}); $('#23').css({'width':'500','height':'500'}); $('#24').css({'width':'500','height':'500'}); $('#25').css({'width':'500','height':'500'}); } ); $('#b3').click(function(){ $('#dd').css({'width':'500','height':'500'}); $('#1').css({'width':'100','height':'100'}); $('#2').css({'width':'100','height':'100'}); $('#3').css({'width':'100','height':'100'}); $('#4').css({'width':'100','height':'100'}); $('#5').css({'width':'100','height':'100'}); $('#6').css({'width':'100','height':'100'}); $('#7').css({'width':'100','height':'100'}); $('#8').css({'width':'100','height':'100'}); $('#9').css({'width':'100','height':'100'}); $('#10').css({'width':'100','height':'100'}); $('#11').css({'width':'100','height':'100'}); $('#12').css({'width':'100','height':'100'}); $('#13').css({'width':'100','height':'100'}); $('#14').css({'width':'100','height':'100'}); $('#15').css({'width':'100','height':'100'}); $('#16').css({'width':'100','height':'100'}); $('#17').css({'width':'100','height':'100'}); $('#18').css({'width':'100','height':'100'}); $('#19').css({'width':'100','height':'100'}); $('#20').css({'width':'100','height':'100'}); $('#21').css({'width':'100','height':'100'}); $('#22').css({'width':'100','height':'100'}); $('#23').css({'width':'100','height':'100'}); $('#24').css({'width':'100','height':'100'}); $('#25').css({'width':'100','height':'100'}); } ); $('#b4').click(function(){ $('#text1').html("
"+($('#t1').val())+""+($('#t2').val())+""+($('#t3').val())+""+($('#t4').val())+""+($('#t5').val())+"
"+($('#t6').val())+""+($('#t7').val())+""+($('#t8').val())+""+($('#t9').val())+""+($('#t10').val())+"
"+($('#t11').val())+""+($('#t12').val())+""+($('#t13').val())+""+($('#t14').val())+""+($('#t15').val())+"
"+($('#t16').val())+""+($('#t17').val())+""+($('#t18').val())+""+($('#t19').val())+""+($('#t20').val())+"
"+($('#t21').val())+""+($('#t22').val())+""+($('#t23').val())+""+($('#t24').val())+""+($('#t25').val())+"
$('#area').css({'width':'400','height':'400','overflow':'auto'}); $('#dd').css({'width':'500','height':'500'}); $('#b1').click(function(){ $('#1a').html($('#t1').val()); $('#1b').html($('#t2').val()); $('#1c').html($('#t3').val()); $('#1d').html($('#t4').val()); $('#1e').html($('#t5').val()); $('#2a').html($('#t6').val()); $('#2b').html($('#t7').val()); $('#2c').html($('#t8').val()); $('#2d').html($('#t9').val()); $('#2e').html($('#t10').val()); $('#3a').html($('#t11').val()); $('#3b').html($('#t12').val()); $('#3c').html($('#t13').val()); $('#3d').html($('#t14').val()); $('#3e').html($('#t15').val()); $('#4a').html($('#t16').val()); $('#4b').html($('#t17').val()); $('#4c').html($('#t18').val()); $('#4d').html($('#t19').val()); $('#4e').html($('#t20').val()); $('#5a').html($('#t21').val()); $('#5b').html($('#t22').val()); $('#5c').html($('#t23').val()); $('#5d').html($('#t24').val()); $('#5e').html($('#t25').val()); } ); $('#b2').click(function(){ $('#dd').css({'width':'2500','height':'2500'}); $('#1').css({'width':'500','height':'500'}); $('#2').css({'width':'500','height':'500'}); $('#3').css({'width':'500','height':'500'}); $('#4').css({'width':'500','height':'500'}); $('#5').css({'width':'500','height':'500'}); $('#6').css({'width':'500','height':'500'}); $('#7').css({'width':'500','height':'500'}); $('#8').css({'width':'500','height':'500'}); $('#9').css({'width':'500','height':'500'}); $('#10').css({'width':'500','height':'500'}); $('#11').css({'width':'500','height':'500'}); $('#12').css({'width':'500','height':'500'}); $('#13').css({'width':'500','height':'500'}); $('#14').css({'width':'500','height':'500'}); $('#15').css({'width':'500','height':'500'}); $('#16').css({'width':'500','height':'500'}); $('#17').css({'width':'500','height':'500'}); $('#18').css({'width':'500','height':'500'}); $('#19').css({'width':'500','height':'500'}); $('#20').css({'width':'500','height':'500'}); $('#21').css({'width':'500','height':'500'}); $('#22').css({'width':'500','height':'500'}); $('#23').css({'width':'500','height':'500'}); $('#24').css({'width':'500','height':'500'}); $('#25').css({'width':'500','height':'500'}); } ); $('#b3').click(function(){ $('#dd').css({'width':'500','height':'500'}); $('#1').css({'width':'100','height':'100'}); $('#2').css({'width':'100','height':'100'}); $('#3').css({'width':'100','height':'100'}); $('#4').css({'width':'100','height':'100'}); $('#5').css({'width':'100','height':'100'}); $('#6').css({'width':'100','height':'100'}); $('#7').css({'width':'100','height':'100'}); $('#8').css({'width':'100','height':'100'}); $('#9').css({'width':'100','height':'100'}); $('#10').css({'width':'100','height':'100'}); $('#11').css({'width':'100','height':'100'}); $('#12').css({'width':'100','height':'100'}); $('#13').css({'width':'100','height':'100'}); $('#14').css({'width':'100','height':'100'}); $('#15').css({'width':'100','height':'100'}); $('#16').css({'width':'100','height':'100'}); $('#17').css({'width':'100','height':'100'}); $('#18').css({'width':'100','height':'100'}); $('#19').css({'width':'100','height':'100'}); $('#20').css({'width':'100','height':'100'}); $('#21').css({'width':'100','height':'100'}); $('#22').css({'width':'100','height':'100'}); $('#23').css({'width':'100','height':'100'}); $('#24').css({'width':'100','height':'100'}); $('#25').css({'width':'100','height':'100'}); } );